<!-- 
  模板编译：
    模板是vue中非常重要的内部，一个组件通常都会有一个模板。模板并不是html，因为模板中可以写指令，有插件，有JS表达式。

  模板到底是什么？
    答：写的模板最终都要转化成js代码（render函数）

  vue-template-complier将模板编译成render函数，执行render函数生成vnode。

  在开发环境下，使用webpack中的vue-loader,也可以编译模板。

  有了vnode就可以进行patch和diff。

  with语法：
    1）改变作用域链
    2）慎用，它打破了作用域规则
 -->

<script>
  const obj = { a: 100, b: 200 };
  console.log(obj.a);
  console.log(obj.b);
  console.log(obj.c); // und

  let c = 110;

  with (obj) {
    console.log(a);
    console.log(b);
    console.log(c);
  }
</script>